/* =========================================== */
/* CSS for control sap.f/FlexibleColumnLayout  */
/* BlueCrystal theme                           */
/* =========================================== */

// Cozy mode
.sapFFCL {
	.sapFFCLNavigationButton {
		width: 2rem;
		height: 3.5rem;

		// Hover
		&:hover {
			.sapMBtnHoverable {
				background-color: darken(@sapUiObjectHeaderBackground, 8);
			}
		}

		.sapMBtnInner {
			border: 0;

			// Normal
			background: darken(@sapUiObjectHeaderBackground, 3);
			.sapMBtnIcon {
				width: 1.584rem;
				font-size: 1.375rem;
				color: @sapUiButtonIconColor;
			}

			// Active
			&.sapMBtnActive {
				background-color: @sapUiButtonActiveBackground;
				.sapMBtnIcon {
					color: @sapUiButtonActiveTextColor;
				}
			}
		}

		&.sapFFCLNavigationButtonLeft {
			.sapMBtnInner {
				border-radius: 0 0.1875rem 0.1875rem 0;
			}
		}

		&.sapFFCLNavigationButtonRight {
			.sapMBtnInner {
				border-radius: 0.1875rem 0 0 0.1875rem;
			}
		}
	}
}